<?php
/**
 * Description: 布局
 * User: kanglin
 * Date: 2017/9/4
 * Time: 15:45
 * Created by Created by Panxsoft.
 */
?>

<!DOCTYPE PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    @if (App::isLocale('en'))
        <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
    @else
        <html xmlns="http://www.w3.org/1999/xhtml" lang="zh" >
    @endif
    <head>
        <meta charset="utf-8">
        {{-- 插入keywords --}}
        @yield('keywords')
        <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
        <meta name="description" content='广州帕克西软件开发有限公司是一家专注于用户形体数据采集、管理、与服务的高新技术企业。
                    公司现依托自主研发的面型、体型数据测量技术，以解决网络购物试穿试戴为切入点，提供完整的
                    VR/AR试穿试戴方案，为眼镜/服装/发型等行业产品的营销及个性化定制等服务提供强有力的技术支持。
                    未来，帕克西将致力于构建全球最大的用户形体数据中心，构造以形体数据为基础的产业生态圈，为人们提供更便捷更智能的生活服务。'>
        <!-- <link rel="icon" href="http://benyamin.gz.bcebos.com/static/home/benyamin_logo.png" type="image/x-icon"/> -->


        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->

        <!--<script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script> -->
        <link rel="stylesheet" href="{{asset('css/normalize.css')}}">
        <link rel="stylesheet" href="{{ asset('css/common.css') }}">
        <link rel="stylesheet" href="{{ asset('css/idangerous.swiper.css') }}">
        <script src="{{asset('js/html5media.js')}}" type="text/javascript"></script>
        {{--<link rel="stylesheet" href="{{ asset('version-2017/css/swiper.css') }}">--}}

        {{-- 插入样式 --}}
        @yield('style')

        {{-- 插入页面 title --}}
        @yield('title')

    </head>
    <body id="top">
    <!-- 公共头部 -->
    <header class="header" id="header">
        <div class="bym-wrapper clearfix">
            <div class="logo">
                <a href="{{route('home')}}">
                    <img src="//gz.bcebos.com/panx-website/images/common/logo_panx_normal.png" alt="logo">
                </a>
            </div>

            <a href="/technology/beauty_mirror" class="beauty-mirror">

            </a>
            <ul class="header-nav clearfix">
                <li class="header-nav-item">
                    <!-- [ /^http:\/\/panxsoft.(me|com)\/?$/.test(currentUrl)? 'active': '' ] -->
                    <a :class="{active: isHome}"
                       href="{{route('home')}}">@lang("common.header.home")</a>
                </li>
                <li class="header-nav-item" @mouseenter="open" @mouseleave="close">
                    <a :class="[ /technology/.test(currentUrl)? 'active': '' ]"
                       href="JavaScript:;">@lang("common.header.core_technology")</a>
                </li>
                <li class="header-nav-item">
                    <a :class="[ /product/.test(currentUrl)? 'active': '' ]"
                       href="{{route('product')}}">产品专区</a>
                </li>
                <li class="header-nav-item">
                    <a :class="[ /case/.test(currentUrl)? 'active': '' ]"
                       href="{{route('case')}}">应用案例</a>
                </li>
                <li class="header-nav-item">
                    <a :class="[ /video/.test(currentUrl)? 'active': '' ]"
                       href="{{route('video')}}">@lang("common.header.video")</a>
                </li>
                <li class="header-nav-item">
                    <a :class="[ /news/.test(currentUrl)? 'active': '' ]"
                       href="{{route('news')}}">@lang("common.header.news")</a>
                </li>
                <li class="header-nav-item">
                    <a :class="[ /about/.test(currentUrl)? 'active': '' ]"
                       href="{{route('about')}}">@lang("common.header.about")</a>
                </li>
            </ul>
        </div>
        <!-- 下拉 -->
        <div @mouseenter="open" @mouseleave="close" class="header-plane clearfix" :class="{active : dropDown}" >
            <dl class="bym-not-list header-plane-list">
                <dt class="header-plane-list-title">人脸识别与数据测量</dt>
                <dd class="header-plane-list-item"><a href="{{route('face_recognition')}}">脸型识别</a></dd>
                <dd class="header-plane-list-item"><a href="{{route('face_detection')}}">人脸检测</a></dd>
                <dd class="header-plane-list-item"><a href="{{route('facial_expression_recognition')}}">表情识别</a></dd>
                <dd class="header-plane-list-item"><a href="{{route('eye_tracking')}}">视线追踪</a></dd>
                <dd class="header-plane-list-item"><a href="{{route('face_aging')}}">人脸老化</a></dd>
                <dd class="header-plane-list-item"><a href="{{route('face_reconstruction')}}">人脸3D重建</a></dd>
                <dd class="header-plane-list-item"><a href="{{route('photomontage')}}">人物照片合成</a></dd>
                <dd class="header-plane-list-item"><a href="{{route('facial_data_acquisition')}}">脸部数据采集</a></dd>
                <dd class="header-plane-list-item"><a href="{{route('facial_motion_tracking')}}">脸部动作追踪</a></dd>
            </dl>
            <dl class="bym-not-list header-plane-list">
                <dt class="header-plane-list-title">肢体跟踪与数据测量</dt>
                <dd class="header-plane-list-item"><a href="{{route('gesture_recognition')}}">手势识别</a></dd>
                <dd class="header-plane-list-item"><a href="{{route('gesture_interaction')}}">手势交互</a></dd>
                <dd class="header-plane-list-item"><a href="{{route('motion_captures')}}">肢体动作捕捉</a></dd>
            </dl>
            <dl class="bym-not-list header-plane-list">
                <dt class="header-plane-list-title">虚拟试穿试戴解决方案</dt>
                <dd class="header-plane-list-item"><a href="{{route('25d_glass_try_on')}}">2.5D眼镜试戴</a></dd>
                <dd class="header-plane-list-item"><a href="{{route('3d_glass_try_on')}}">3D眼镜试戴</a></dd>
                <dd class="header-plane-list-item"><a href="{{route('try_on_contact_lenses')}}">美瞳试戴</a></dd>
                <dd class="header-plane-list-item"><a href="{{route('2d_hairdo_try_on')}}">2D发型试戴</a></dd>
                <dd class="header-plane-list-item"><a href="{{route('3d_hairdo_try_on')}}">3D发型试戴+微定制</a></dd>
                <dd class="header-plane-list-item"><a href="{{route('split_hair')}}">头发分割</a></dd>
                <dd class="header-plane-list-item"><a href="{{route('ar_makeup_try_on')}}">AR试妆</a></dd>
                <dd class="header-plane-list-item"><a href="{{route('beauty_mirror')}}">魔妆镜</a></dd>
            </dl>
            <dl class="bym-not-list header-plane-list">
                <dt class="header-plane-list-title">VR/AR解决方案</dt>
                <dd class="header-plane-list-item"><a href="{{route('360_roved')}}">产品360°展示</a></dd>
                <dd class="header-plane-list-item"><a href="{{route('ar_game')}}">AR互动小游戏</a></dd>
                <dd class="header-plane-list-item"><a href="{{route('face_changing')}}">变脸</a></dd>
            </dl>
            <dl class="bym-not-list header-plane-list">
                <dt class="header-plane-list-title">互动娱乐解决方案</a></dt>
                <dd class="header-plane-list-item"><a href="{{route('interactive_projection')}}">互动投影</a></dd>
            </dl>
        </div>
        <!-- 下拉 END -->

    </header>


    {{--  页面插入位置 --}}

    @section('content');
    @show

    {{--  页面插入位置 end --}}
    <!--  页脚  -->
    <footer class="footer">
        <div class="bym-wrapper">
            <div class="footer-header clearfix">
                <h3 class="footer-header-slogan">
                    {{--广告语--}}
                    @lang("common.footer.slogan")
                </h3>

                <div class="footer-header-qrcode">
                    <div class="footer-header-qrcode-item">
                        <img src="//gz.bcebos.com/panx-website/images/common/code_home_img.jpg" alt="">
                        <p class="item-desc">@lang("common.footer.qrcode.contents.0")</p>
                    </div>
                    <div class="footer-header-qrcode-item">
                        <img src="//gz.bcebos.com/panx-website/images/common/code_home_img2.jpg" alt="">
                        <p class="item-desc">@lang("common.footer.qrcode.contents.1")</p>
                    </div>
                </div>
            </div>
                <div class="footer-content clearfix">
                    <dl class="footer-content-item bym-not-list footer-content-item-technology">
                        <dt>@lang("common.footer.core_technology.title")</dt>
                        <dd>
                            <a href="{{route('face_recognition')}}">@lang("common.footer.core_technology.contents.0")</a>
                        </dd>
                        <dd>
                            <a href="{{route('gesture_recognition')}}">@lang("common.footer.core_technology.contents.1")</a>
                        </dd>
                        <dd>
                            <a href="{{route('3d_glass_try_on')}}">@lang("common.footer.core_technology.contents.3")</a>
                        </dd>      
                        <dd>
                            <a href="{{route('360_roved')}}">@lang("common.footer.core_technology.contents.4")</a>
                        </dd>
                        <dd>
                            <a href="{{route('interactive_projection')}}">@lang("common.footer.core_technology.contents.2")</a>
                        </dd>
                    </dl>

                    <dl class="footer-content-item bym-not-list footer-content-item-video">
                        <dt>@lang("common.footer.videos.title")</dt>
                        <dd><a href="{{route('video')}}#company">@lang("common.footer.videos.contents.0")</a></dd>
                        <dd><a href="{{route('video')}}#product">@lang("common.footer.videos.contents.1")</a></dd>
                        <dd><a href="{{route('video')}}#case">@lang("common.footer.videos.contents.2")</a></dd>
                        <dd><a href="{{route('video')}}#technology">@lang("common.footer.videos.contents.3")</a></dd>
                    </dl>
                    <dl class="footer-content-item bym-not-list footer-content-item-case">
                        <dt>@lang("common.footer.case.title")</dt>
                        <dd>
                            <a href="{{route('case')}}#beauty-mirror">@lang("common.footer.case.contents.0")</a>
                        </dd>
                        <dd>
                            <a href="{{route('case')}}#all-start">@lang("common.footer.case.contents.1")</a>
                        </dd>
                        <dd>
                            <a href="{{route('case')}}#technology">@lang("common.footer.case.contents.2")</a>
                        </dd>
                    </dl>
                    <dl class="footer-content-item bym-not-list footer-content-item-news">
                        <dt>@lang("common.footer.news.title")</dt>
                        <dd>
                            <a href="{{route('news')}}#news">@lang("common.footer.news.contents.0")</a>
                        </dd>
                        <dd>
                            <a href="{{route('news')}}#report">@lang("common.footer.news.contents.1")</a>
                        </dd>
                        <dd>
                            <a href="{{route('news')}}#information">@lang("common.footer.news.contents.2")</a>
                        </dd>
                        <dd>
                            <a href="{{route('news')}}#technology ">@lang("common.footer.news.contents.3")</a>
                        </dd>
                    </dl>
                    <dl class="footer-content-item bym-not-list footer-content-item-follow">
                        <dt>@lang("common.footer.follow.title")</dt>
                        <dd>
                            <a href="//weibo.com/u/5610058259" target="_bank">@lang("common.footer.follow.contents.0")</a>
                        </dd>
                        <dd>
                            <a href="//mp.weixin.qq.com/s/s5dc34ok-SfW_KCwjE4SsQ" target="_bank">@lang("common.footer.follow.contents.1")</a>
                        </dd>
                    </dl>
                    {{--<div class="footer-content-item">--}}
                        {{--<div class="footer-content-item-qr-qrcode">--}}
                            {{--<img src="//gz.bcebos.com/panx-website/images/common/code_home_img.png" alt="">--}}
                            {{--<p class="qrcode-desc">@lang("common.footer.qrcode.contents.0")</p>--}}
                        {{--</div>--}}
                        {{--<div class="footer-content-item-qr-qrcode">--}}
                            {{--<img src="//gz.bcebos.com/panx-website/images/common/code_home_img2.png" alt="">--}}
                            {{--<p class="qrcode-desc">@lang("common.footer.qrcode.contents.1")</p>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                    <dl class="footer-content-item bym-not-list">
                        <dt>客服QQ</dt>
                        <dd>
                            <a target="_blank" href="//wpa.qq.com/msgrd?v=3&uin=3239966704&site=qq&menu=yes">3239966704</a>
                        </dd>
                    </dl>

                </div>

            <div class="footer-copyright">
                <a href="www.miitbeian.gov.cn">@lang("common.footer.copyright.content")</a>
                <span class="footer-copyright-number"><a href="http://www.miitbeian.gov.cn/publish/query/indexFirst.action">@lang("common.footer.copyright.regist")</a></span>
            </div>
        </div>
    </footer>
    <!--  页脚 END  -->


    <!--  回到顶部  -->
    <aside class="aside-box" id="aside_box">
        <div v-show="isShow" class="aside-box-item back-top">
            <a href="#top">
                <img src="//gz.bcebos.com/panx-website/images/common/top_siderbar_btn_img.png" alt="">
            </a>
        </div>
        <div class="aside-box-item qq">
            <a class="aside-box-item-slide">
                <img src="//gz.bcebos.com/panx-website/images/common/qq_sidebar_img.png" alt="">
            </a>
        </div>
        <div class="aside-box-item tel">
            <a class="aside-box-item-slide">
                <img src="//gz.bcebos.com/panx-website/images/common/phone_sidebar_img.png" alt="">
            </a>
        </div>
        <div class="aside-box-item wechat">
            <a href="javascript:;"></a>
            <div class="item-rqcode">
                <img src="//gz.bcebos.com/panx-website/images/common/code_siderbar_tips_img.png" alt="">
            </div>
        </div>
        <div class="aside-box-item video">
            <a href="{{route('video')}}"></a>
        </div>
    </aside>
    <!--  回到顶部 END -->
</body>

    {{-- 公共脚本文件 --}}
    <script src="{{asset('js/Underscore1.8.3.js')}}" type="text/javascript"></script>
    {{--<script src="{{asset('version-2017/js/swiper.min.js')}}" type="text/javascript"></script>--}}
    <script src="{{asset('js/idangerous.swiper.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('js/Vue.js v2.3.3.js')}}" type="text/javascript"></script>
    <script src="{{asset('js/vue-resource v1.3.3.js')}}" type="text/javascript"></script>
    <script src="{{asset('js/common.js')}}" type="text/javascript"></script>
    <script src="{{asset('js/layout.js')}}" type="text/javascript"></script>
    {{--  页面脚本 --}}
    @section('script')
    @show

</html>
